<template>
  <!-- 首页 轮播图组件 -->
  <div>
    <el-carousel :interval="5000" height="4.5rem">
      <el-carousel-item v-for="(b, i) in banners" :key="i">
        <img :src="b" alt="" />
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
  name: "MusciBanner",
  data() {
    return {
      banners: [
        "https://jsai.312jiah.com/assets/5.fa295646.jpg",
        "https://jsai.312jiah.com/assets/2.4a53934f.jpg",
        "https://jsai.312jiah.com/assets/6.97a1cc94.jpg",
        "https://jsai.312jiah.com/assets/4.da8b9554.jpg",
      ],
    };
  },
};
</script>

<style lang="less" scoped>
.el-carousel__container {
  .el-carousel__item {
    img {
      height: 100%;
      width: 100%;
    }
  }
}
</style>